<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:gs="http://www.tianqingwl.com/gsystem/tags">
<gs:sysConfig group="site_config">
    <head>
        <meta charset="UTF-8">
        <title>[[${site_config.name}]]</title>
        <meta name="keywords" th:content="${site_config.keywords}"/>
        <meta name="description" th:content="${site_config.description}"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <link rel="stylesheet" th:href="@{/default/css/base.css}" media="all">
        <link rel="stylesheet" th:href="@{/default/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
        <link rel="icon" th:href="@{/default/images/favicon.ico}" href="../../static/layuimini/images/favicon.ico">
        [(${site_config.head})]
    </head>
    <body>
    <div th:replace="~{/default/common/header-nav.html}"></div>
    <div class="gui-header-clear"></div>
    <main class="gui-box-center gui-main-width">
        <div class="gui-main-left">

            <div class="gui-card">
                <div class="gui-card-title"><h1 class="gui-card-title-normal">最新文章</h1></div>
                <div class="gui-card-main">
                    <ul>
                        <li class="gui-article-item" th:each="contentInfo:${page.records}">
                            <div class="gui-article-cover">
                                <a th:href="@{'/'+${contentInfo.contentId}+'.html'}" href="#" target="_blank">
                                    <img th:src="@{${contentInfo.cover}}"
                                         src="http://www.jikedaquan.com/zb_users/upload/2020/04/202004201587359167321580.jpg"
                                         th:alt="${contentInfo.contentTitle}">
                                </a>
                            </div>
                            <div class="gui-article-preview">
                                <h2 class="gui-article-title"><a th:href="@{'/'+${contentInfo.contentId}+'.html'}"
                                                                 href="#" target="_blank"
                                                                 th:text="${contentInfo.contentTitle}"></a></h2>
                                <p class="gui-article-desc">
                                    <a th:href="@{'/'+${contentInfo.contentId}+'.html'}" href="#" target="_blank"
                                       th:text="${contentInfo.description}">
                                        本篇文章帮大家学习Spring Boot CLI环境安装，包含了Spring Boot
                                        CLI环境安装使用方法、操作技巧、实例演示和注意事项，有一定的学习价值，大家可以用来参考。 由于Spring是基于Java的框架，需要先设置JDK。
                                        以下是设置Spring
                                        Boot CLI以及JDK安装所需的步骤。 第1步
                                    </a>
                                </p>
                                <div class="gui-article-info gui-text-unimportant">
                                <span class="gui-article-type">
                                    <a th:href="@{'/list/'+${contentInfo.contentType}+'_1.html'}" href="#">
                                        <i class="fa fa-book"></i>
                                        [[${contentInfo.contentTypeName}]]
                                    </a>
                                </span>
                                    <span>
                                    <i class="fa fa-calendar"></i>
                                    [[${#dates.format(contentInfo.createTime, 'yyyy-MM-dd')}]]
                                </span>
                                    <span>
                                    <i class="fa fa-eye"></i>
                                    [[${contentInfo.viewCount}]]
                                </span>
                                    <!--<span>
                                        <i class="fa fa-comment-o"></i>
                                        0
                                    </span>-->
                                    <!--<span class="gui-article-tag">
                                        <a href="#">Java</a>
                                        <a href="#">SpringBoot</a>
                                    </span>-->
                                </div>
                            </div>
                        </li>

                        <!--分页-->
                        <li class="gui-article-item gui-page">
                            <div th:if="${page.pages>0}" th:remove="tag">
                                <div th:if="${page.current gt 1}" th:remove="tag">
                                    <a th:href="@{/}" href="#">首页</a>
                                    <a th:href="@{'/'+${'page_'+(page.current-1)+'.html'}}" href="#">上一页</a>
                                </div>
                                <div th:if="${page.pages<=5}" th:remove="tag">
                                    <div th:each="count:${#numbers.sequence(1,page.pages)}" th:remove="tag">
                                        <a th:href="@{'/'+${'page_'+count+'.html'}}"
                                           th:class="${page.current==count?'current':''}" href="#"
                                           th:text="${count}"></a>
                                    </div>
                                </div>
                                <div th:if="${page.current<page.pages-4&&page.pages>5}" th:remove="tag">
                                    <div th:each="count:${#numbers.sequence(page.current,page.current+4)}" th:remove="tag">
                                            <a th:href="@{'/'+${'page_'+count+'.html'}}"
                                               th:class="${page.current==count?'current':''}" href="#"
                                               th:text="${count}"></a>
                                    </div>
                                </div>
                                <div th:if="${page.current>=page.pages-4&&page.pages>5}" th:remove="tag">
                                    <div th:each="count:${#numbers.sequence(page.pages-4,page.pages)}" th:remove="tag">
                                            <a th:href="@{'/'+${'page_'+count+'.html'}}"
                                               th:class="${page.current==count?'current':''}" href="#"
                                               th:text="${count}"></a>
                                    </div>
                                </div>
                                <div th:if="${page.current < page.pages}" th:remove="tag">
                                    <a th:href="@{'/'+${'page_'+(page.current+1)+'.html'}}" href="#">下一页</a>
                                    <a th:href="@{'/'+${'page_'+(page.pages)+'.html'}}" href="#">尾页</a>
                                </div>
                            </div>
                            <div th:if="${page.pages<1}" th:remove="tag">
                                暂无数据
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <div th:replace="~{/default/common/aside.html}"></div>

        <div class="gui-clear-float"></div>
    </main>
    <div th:replace="~{/default/common/footer.html}"></div>
    </body>
</gs:sysConfig>
</html>